<script lang="ts" setup name="ClickOutSide">
import { ref, onMounted } from 'vue'
import { onClickOutside } from '@vueuse/core'

const emit = defineEmits(['mounted', 'clickOutside'])
const wrap = ref(null)

onClickOutside(wrap, () => {
  emit('clickOutside')
})

onMounted(() => {
  emit('mounted')
})
</script>

<template>
  <div ref="wrap">
    <slot />
  </div>
</template>
